<%-- 
    Document   : collection.jsp
    Created on : Feb 8, 2014, 7:47:22 PM
    Author     : Marek
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>
    </head>
    <body>
        <!--
        TODO:
        All components should be menaged by template servlet who is constructing automaticly whole api, and how is refreshing certain component if ajax wished to refresh it
        Collection should be automatically set to the entity properties
        Collection should support pagination
        Collection should support sorting
        Collection should filtering, and searching   
        Collection should support searching
        Collection should support ajax cell editing
        Collection should have a function of creating dynamically form to edit selected row
        Collection should have 
        -->
        <div class="collection-collection-center">
            <div class="collection-collection-left"></div>
            <div class="collection-collection-center">
                <!-- when you clicked on sort, collection will be sorted. Multiple sort supported-->
                <!-- when you cliked on descrption, filterForm is shown, and filter could be attached. Multiple filtering supported-->
                <div class="collection-header">
                    <div class="collection-header-cell">Some cell1/sort/</div>
                    <div class="collection-header-cell">Some cell2/sort/</div>
                    <div class="collection-header-cell">Some cell3/sort/</div>
                    <div class="collection-header-cell">Some cell4/sort/</div>
                </div>
                <!-- clicking to the cell, opens cell value editor. Type of editor is same type as type of underlying object-->
                <div class="collection-row">
                    <div class="collection-row-cell">Row1</div>
                    <div class="collection-row-cell">Row2</div>
                    <div class="collection-row-cell">Row3</div>
                    <div class="collection-fow-cell">Row4</div>
                    <div class="collection-fow-cell">CRUD</div>
                </div>
                <div class="collection-row">
                    <div class="collection-row-cell">Row1</div>
                    <div class="collection-row-cell">Row2</div>
                    <div class="collection-row-cell">Row3</div>
                    <div class="collection-fow-cell">Row4</div>
                    <div class="collection-fow-cell">CRUD</div>                                
                </div>
                <div class="collection-footer">
                    <div class="collection-footer-cell">Some cell1</div>
                    <div class="collection-footer-cell">Some cell2</div>
                    <div class="collection-footer-cell">Some cell3</div>
                    <div class="collection-footer-cell">Some cell4</div>
                    <div class="collection-fow-cell">CRUD</div>
                </div>
                <div class="collection-pagination">
                    [1][2][3][4][5][6] number of rows
                    <!--Generated automaticly. Configured by user, or by  -->
                </div>
            </div>
        </div>
    </body>
</html> 
